<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../pengxuan.js"></script>
<script src="../animate.js"></script>
<style>
body{ height:2000px;}
.right,.left{width:120px;height:200px;background:#eee;border:1px solid #ccc; position:absolute;}
</style>
<script>
window.onload=function(){
	var left=getClass('left')[0];
	var right=getClass('right')[0];
	var ch=document.documentElement.clientHeight;
	left.style.left=0;
	left.style.top=(ch-left.offsetHeight)/2+'px';
	right.style.right=0;
	right.style.top=(ch-right.offsetHeight)/2+'px';
	window.onscroll=function(){
		var scrollt=document.body.scrollTop||document.documentElement.scrollTop;
		animate(left,{top:scrollt+(ch-left.offsetHeight)/2},500,Tween.Quad.easeOut)		
		animate(right,{top:scrollt+(ch-left.offsetHeight)/2},500,Tween.Quad.easeOut)		
		
	};	
	
};
</script>
</head>

<body>

<div class="left">

</div>
<div class="right">

</div>
</body>
</html>
